<template>

    <div class="page-header media-list list-block">
        <div class="item-content">
            <div class="item-media">
                <img class="header-img" :src="item.icon" />
            </div>
            <div class="item-inner">
                <div class="item-title">{{item.name}}</div>
                <div class="item-text" v-if="item.concerned">{{item.concerned}}人关注</div>
                <div class="item-text" v-else>暂时无人关注</div>
            </div>
        </div>
        <div class="item-button-row">
            <a href="#" class="button small-button">关注</a>
        </div>
        <div class="item-text">{{item.intro}}</div>
    </div>

</template>


<script type="text/javascript">
    export default{
        name: "page-header",
        props: ['item'],
    }
</script>
